
<template>
	<div @click="openSpace(space)" class="wiki-space-card can-click black-bg">
		<div class="top-badge external" v-if="space.openDoc === 1">互联网公开</div>
		<div class="top-badge open" v-else-if="space.type === 1">企业公开</div>
		<div class="img-box">
			<!-- <img src="@/assets/img/space-bg-1.png"/> -->
		</div>
		<div class="title ellipsis-multi" :title="space.name">{{ space.name }}</div>
		<div class="desc ellipsis-multi" :title="space.spaceExplain">{{ space.spaceExplain }}</div>
		<div v-if="space.isManager" @click.stop="openSpaceSetting(space)" class="open-space-box">
			<el-icon style="vertical-align: middle;"><ElIconSetting/></el-icon> 空间设置
		</div>
		<div v-else @click.stop="openSpace(space)" class="open-space-box">
			进入空间 <el-icon style="vertical-align: middle;"><ElIconArrowRight/></el-icon>
		</div>
	</div>
</template>
<script setup lang='ts'>
import { ref,reactive} from 'vue'

const openSpace =(val:any)=>{
    console.log(val)
}
const openSpaceSetting =()=>{}

let space = ref()
</script>
<style scoped lang='less'>
</style>